<template>
  <div class="container">
    <h2>App {{ money }}</h2>
    <button @click="money = 1000">发钱</button>
    <hr />
    <Parent />
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { reactive, toRefs, ref, provide, inject } from "vue"

import Parent from './components/Parent.vue'

export default {
  name: "",
  //import引入的组件需要注入到对象中才能使用
  components: {
    Parent
  },
  //这里存放数据
  setup () {
    const data = reactive({



    })

    const money = ref(100)

    const appMoney = provide('moneys', money.value)

    const fn = (data, cb) => {
      alert('app 父组件')
      alert(data + '孙子组件传递的数据')
      // axios.get('baseurl'+data)
      cb && cb()
    }


    const appFn = provide('fns', fn)



    return {
      data,
      money
    }
  }
}
</script>

<style lang="css" scoped>
</style>
